{% assign home-active="" %}
{% assign philosophy-active="" %}
{% assign getting-started-active="" %}
{% assign guides-active="" %}
{% if page.url == '/' %}
    {% assign home-active="active" %}
{% elsif page.url contains '/index.html' %}
    {% assign home-active="active" %}
{% elsif page.url contains 'philosophy' %}
    {% assign philosophy-active="active" %}
{% elsif page.url contains '/getting-started/' %}
    {% assign getting-started-active="active" %}
{% elsif page.url contains '/guides' %}
    {% assign guides-active="active" %}
{% endif %}

<header class="header masthead mb-auto">
    <div class="container">
        <nav class="navbar navbar-dark navbar-expand-lg">
            <a class="navbar-brand brand mutiny" href="{{ '/index.html' | relative_url }}"><strong>Mutiny!</strong></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#toggler"
                    aria-controls="toggler" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="toggler">
                <ul class="navbar-nav ml-auto mr-0 mt-2 mt-lg-0">
                    <li class="nav-item"><a class="nav-link {{ home-active }}" href="{{ '/index.html' | relative_url }}">Home</a></li>
                    <li class="nav-item"><a class="nav-link {{ philosophy-active }}" href="{{ '/pages/philosophy' | relative_url }}">Philosophy</a></li>
                    <li class="nav-item"><a class="nav-link {{ getting-started-active }}" href="{{ '/getting-started/download' | relative_url }}">Getting started</a></li>
                    <li class="nav-item"><a class="nav-link {{ guides-active }}" href="{{ '/guides' | relative_url }}">Guides</a></li>
                    <li class="nav-item"><a href="https://github.com/smallrye/smallrye-mutiny" target="_blank" title="Github"><i
                            class="lab la-github la-2x"></i></a></li>
                    <li class="nav-item"><a href="https://github.com/smallrye/smallrye-mutiny/discussions" target="_blank" title="Discussions on GitHub"><i
                            class="las la-comments la-2x"></i></a></li>
                    <li class="nav-item"><a href="https://stackoverflow.com/questions/tagged/mutiny" target="_blank"
                                            title="Stack Overflow"><i
                            class="lab la-stack-overflow la-2x"></i></a></li>
                </ul>
            </div>
        </nav>
    </div>
</header>